body,ul,li{
	margin:0px;
	padding:0px;
}

ul,ol {
	list-style-type:none;
}

a {
	text-decoration:none;
}

#main {
	width:100%;
}

#header-area {
	position:fixed;
	top:0px;
	width:100%;
	background-color:black;
	text-align:center;
}

#header {
	display:inline-block;
	width:1000px;
}

#header ul {
	display:inline-block;
}

.corner {
	display:inline-block;
	width:8px;
	height:8px;
	margin:21px 21px 0 0;
	background-color:red;
	vertical-align:top;
}

#header ul li {
	display:inline-block;
	padding-right:100px;
	color:white;
	line-height:50px;
}

#header ul li:nth-child(3) {
	padding-right:0px;
}

#content-area {
	display:block;
	width:auto;
	font-size:0px;
	text-align:center;
}

#content {
	display:inline-block;
	box-sizing:border-box;
	margin-top:100px;
	font-size:0px;
	box-shadow:0px 0px 16px;
}

#content-title {
	display:inline-block;
	box-sizing:border-box;
	width:400px;
	background-color:#ccff99;
}

#content-title ul {
	text-align:left;
	line-height:40px;
	font-size:16px;
}

#content-title ul li:nth-child(1) {
	margin-left:20px;
}

#content-title ul li {
	display:inline-block;
	padding-right:4px;
}

#content-hot {
	display:block;
	box-sizing:border-box;
	width:400px;
	margin:0px auto;
	background-color:#fafafa;
}

#hot-pic {
	display:inline-block;
	box-sizing:border-box;
	width:390px;
	padding:17px 0px;
}

img {
	width:100%;
	height:100%;
}

#content-news {
	display:block;
	box-sizing:border-box;
	width:400px;
	margin:0px auto;
	background-color:#e0e0e0;
}

#content-news ul {
	padding:10px;
	text-align:left;
}

#content-news ul li {
	display:inline-block;
	box-sizing:border-box;
	width:380px;
	margin-left:20px;
	line-height:24px;
	font-size:16px;
}

#footer-area {
	
}

#footer {
	
}
